<template>
  <div class="star">
    <StarHead></StarHead>
    <InterestCircle></InterestCircle>
    <div class="activities">
      <div v-for="(item,index) in $store.state.dataList.channel_list" :key="index">
        <img :src="item.img" alt />
      </div>
    </div>
    <BuyerShow></BuyerShow>
  </div>
</template>

<script>
import StarHead from "./star/StarHead";
import InterestCircle from "./star/InterestCircle";
import BuyerShow from "./star/BuyerShow";
export default {
  components: {
    StarHead,
    InterestCircle,
    BuyerShow
  }
};
</script>

<style lang="scss" scoped>
.star {
  background: #f9f9f9;
  height: 100%;
  padding: 0 15px;
  overflow: auto;
  .activities {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    div {
      width: 23%;
      img {
        width: 100%;
      }
    }
  }
}
</style>